<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>店铺管理</title>
    <link href="../css/main.css" rel="stylesheet">
    <link href="../css/laydate.css" rel="stylesheet">
    <link href="../css/laydate1.css" rel="stylesheet">
</head>

<body>
    <!-- 顶部 -->
    <div class="main_head">
        <div class="wid1225">
            <a href="#">设置</a><a href="#" class="out">退出</a>
        </div>
    </div>
    <!-- 顶部 -->
    <!-- 内容部分 -->
    <div class="wid1225 clear">
        <!-- 左侧菜单栏 -->
        <div class="tabs fl">
            <dl>
                <dt class="tabs_dt1">商品管理</dt>
                <dd><a href="main1.html">发布商品</a></dd>
                <dd><a href="main2.html">出售中商品</a></dd>
                <dd><a href="main3.html">已下架商品</a></dd>
                <dd><a href="main4.html">商品补仓</a></dd>
                <dd><a href="main41.html">类别管理</a></dd>
                <dt class="tabs_dt2">订单管理</dt>
                <dd><a href="main5.html">待发货订单</a></dd>
                <dd><a href="main6.html">待收货订单</a></dd>
                <dd><a href="main7.html">退款/售后</a></dd>
                <dd><a href="main8.html">订单记录</a></dd>
                <dt class="tabs_dt3">物流管理</dt>
                <dd><a href="main9.html">运费管理</a></dd>
                <dd><a href="main10.html">地址管理</a></dd>
                <dt class="tabs_dt4">交易管理</dt>
                <dd><a href="main11.html">交易记录</a></dd>
                <dd><a href="main12.html">总交易额</a></dd>
                <dt class="tabs_dt5"><a href="manage.html">店铺管理</a></dt>
                <dt class="tabs_dt6">客服管理</dt>
                <dd class="active"><a href="javascript:void(0)">客服管理</a></dd>
                <dd><a href="main14.html">问题反馈</a></dd>
                <dd><a href="main15.html">建议反馈</a></dd>
                <dt class="tabs_dt7"><a href="news.html">消息通知</a></dt>
                <dt class="tabs_dt8"><a href="compete.html">广告竞价</a></dt>
                <dt class="tabs_dt9">建议/反馈</dt>
                <dd><a href="main16.html">问题反馈</a></dd>
                <dt class="tabs_dt10">问题设置</dt>
                <dd><a href="main17.html">问题类别</a></dd>
                <dd><a href="main18.html">问题内容</a></dd>
                <dt class="tabs_dt11">管理设置</dt>
                <dd><a href="main19.html">用户设置</a></dd>
                <dd><a href="main20.html">角色权限</a></dd>
                <dd><a href="main21.html">功能模块</a></dd>
                <dd><a href="main22.html">社区信息</a></dd>
                <dt class="tabs_dt12">账号管理</dt>
                <dd><a href="main23.html">账号绑定</a></dd>
            </dl>
        </div>
        <!-- 左侧菜单栏 -->
        <!-- 右侧内容 -->
        <div class="content_right fl">
            <!-- 面包屑 -->
            <div class="bread">
                <ul>
                    <li class="bread_first">当前位置</li>
                    <li>问题设置</li>
                    <li>问题类别</li>
                </ul>
            </div>
            <!-- 面包屑 -->
            <!-- 主体内容 -->
            <div class="content add_example1">
                <div class="putin clear">
                    <ul>
                        <li>
                            <span>类别名称：</span>
                            <input type="text" name="">
                        </li>
                        
                    </ul>
                    <input type="button" name="" value="查询" class="search">
                    <input type="button" name="" value="添加" class="add_person">
                </div>
                <div class="table19">
                    <table>
                        <tr>
                            <th style="">序号</th>
                            <th>问题类别</th>
                            <th>操作</th>
                        </tr>
                        <tr>
                            <td>123</td>
                            <td>地球</td>
                            <td>
                                <a href="javascript:void(0)" class="open_change">操作</a>
                                <p class="disN ppp">
                                    <a href="javascript:void(0)">修改</a>
                                    <a href="javascript:void(0)">删除</a>
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td>123</td>
                            <td>地球</td>
                            <td>
                                <a href="javascript:void(0)" class="open_change">操作</a>
                                <p class="disN ppp">
                                    <a href="javascript:void(0)">修改</a>
                                    <a href="javascript:void(0)">删除</a>
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td>123</td>
                            <td>地球</td>
                            <td>
                                <a href="javascript:void(0)" class="open_change">操作</a>
                                <p class="disN ppp">
                                    <a href="javascript:void(0)">修改</a>
                                    <a href="javascript:void(0)">删除</a>
                                </p>
                            </td>
                        </tr>
                    </table>
                    <!-- 翻页 -->
                    <div class="pages">
                        <span class="sumhis">共777条记录</span>
                        <input type="button" name="" class="pages_pre">
                        <ul class="clear">
                            <li><a href="javascript:void(0)">1</a></li>
                            <li><a href="javascript:void(0)" class="page_active">2</a></li>
                            <li><a href="javascript:void(0)">3</a></li>
                            <li><a href="javascript:void(0)">4</a></li>
                            <li><a href="javascript:void(0)">5</a></li>
                        </ul>
                        <input type="button" name="" class="pages_next">
                        <span class="sumpage">共5页</span>
                    </div>
                    <!-- 翻页 -->
                </div>
            </div>
            <!-- 主体内容 -->

            
            
        </div>
        <!-- 右侧内容 -->
    </div>
    <!-- 内容部分 -->
    <!-- 弹窗 -->
    <div class="bg000 disN">
        <div class="open_window">
            <p class="title">
                <span>添加问题类别</span>
                <a href="javascript:void(0)" class="close"></a>
            </p>
            <ul>
                <li>
                    <span>类别名称：</span>
                    <input type="text" name="">
                </li>
            </ul>
            <p class="save_input">
                <input type="button" name="" value="保存" class="save save2">
            </p>
        </div>
    </div>
    <!-- 弹窗 -->
    <script src="../js/jquery.min.js?v=2.1.4"></script>


    <script type="text/javascript">
        // 打开表格的操作
        // $(".open_change").click(function () {
        //     if ($(this).next('p').is(':hidden')) {
        //         $("td p").hide();
        //         $("td").css('z-index', '1');
        //         $(this).next('p').show();
        //         $(this).parents('td').css('z-index', '2');
        //     }else{
        //         $("td p").hide();
        //         $("td").css('z-index', '1');
        //     }
        // })
        // 有个方法，动态添加这个操作的内容，鼠标滑过的时候，给这一行的这个加一个这样的p标签并且加class，然后效果参考那个英文版
        $(".open_change,.ppp").hover(function() {
                
                $(".ppp").removeClass('disN');
                $(".ppp").parents('td').css('z-index', '2');
                
        },function () {
            $(".ppp").addClass('disN');
        });

        // 点击添加新用户
        $(".add_person").click(function () {
            $(".bg000").show();
        })
        $(".cancel,.close").click(function () {
            $(".bg000").hide()
        })
        
    </script>
  
</body>

</html>
